<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>购物车</title>
		<link rel="stylesheet" href="css/common.css">
		<link rel="stylesheet" href="css/reset.css">
		<link rel="stylesheet" type="text/css" href="css/gwc.css" />
		<script src="js/jquery-3.0.0.js"></script>
		<script src="js/jquery.lazyload.js"></script>

		<script src="js/common.js"></script>

		<script src="js/jquery.cookie.js"></script>
	</head>

	<body>
		<div id="header-banner">
			<a href="#" class="width1200"></a>
		</div>
		<div id="header-top-warp">
			<div class="header-top width1200">
				<b class="fl">欢迎来到邦购网，全场满199元包邮</b>
				<div class="headertop-left fr">
					<div class="header-top-left headerLogin">
						<a href="#" class="login">登陆</a>
						<em></em>
						<ul class="login-ul">
							<li>
								<a href="#">qq账号登陆</a>
							</li>
							<li>
								<a href="#">支付宝登陆</a>
							</li>
							<li>
								<a href="#">微信账号登陆</a>
							</li>
						</ul>
					</div>
					<div class="header-top-left">
						<a href="register.html" class="log">注册</a>
					</div>
					<div class="header-top-left header-user">
						<a href="#" class="user">我的邦购</a>
						<em></em>
						<ul class="user-list">
							<li>
								<a href="#">我的订单</a>
							</li>
							<li>
								<a href="#">我的积分</a>
							</li>
							<li>
								<a href="#">我的点赞</a>
							</li>
							<li>
								<a href="#">收货地址</a>
							</li>
						</ul>
					</div>
					<div class="header-top-left">
						<a href="#" class="vip">会员中心</a>
					</div>
					<div class="header-top-left headerDownload">
						<a href="#" class="download">
							<b class="phone"></b> 下载app
						</a>
						<em></em> <span class="QRcode"><img src="img/code.png" alt=""></span>
					</div>
					<div class="header-top-left">
						<a href="#" class="sina">微博</a>
					</div>
					<div class="header-top-left">
						<a href="#">微信</a>
					</div>
				</div>
			</div>
		</div>
		<!--搜索栏结束-->
		<div class="logo-warp">
			<div class="logo-top">
				<div class="logo">
					<a href="index.html"><img src="img/relogo.jpg" alt="" /></a>
				</div>
			</div>
		</div>
		<div class="search-warp">
			<div class="search">
				<span></span>
			</div>
		</div>
		<div class="catTab">
			<div class="tab-title fl">
				购物袋
			</div>
			<a class="cart_get" href="" target="_blank">领红包，享优惠 &gt;&gt;</a>
		</div>
		<div class="cattop-warp">
			<ul class="cattop">

				<li class="mbshop_cart_1127_01">
					<label class="mbshop_checkbox">
							<input name="checkAll" storetype="" checked="true" type="checkbox">          
					         
						<b>全选</b>    
						</label>
				</li>
				<li class="mbshop_cart_1127_02">商品信息</li>
				<li class="mbshop_cart_1127_03">颜色尺码</li>
				<li class="mbshop_cart_1127_04">单价(元)</li>
				<li class="mbshop_cart_1127_05">数量</li>
				<li class="mbshop_cart_1127_07">小计</li>
				<li class="mbshop_cart_1127_09">操作</li>

			</ul>
			<div class="goods-box">
				<div class="goods-box_tab">
					<label class="mbshop_checkbox">  
				<input name="checkAll" storetype="HQ01S116" type="checkbox" checked="true">      
				  
				<b>邦购</b>  
				</label>
					<em id="ad_cart_text_ad">满199包邮</em> </div>
				<div class="goodslist">
					<ul class="catGoods">
						<li><input name="checkAll" storetype="HQ01S116" type="checkbox" checked="true">

							</label>
						</li>
						<li>
							<dl> <dt><a href=""><img src="" alt="" style="display: block;"></a></dt>
								<dd>
									<a href="">
										<p title="【初春推荐】女棒球梭织褛（支持14天退换）"></p>
									</a>
									<div class="cart_b"> <b class="icon_grey"><i class="iconfont">         <img style="float:left" src="http://s.banggo.com/pub7/images/mbshop/common/14tui.png"></i>该商品支持14天退换货</b> </div>
								</dd>
							</dl>
						</li>
						<li>
							<p>尺码：(S:155/80A)</p>
						</li>
						<li><i></i><em></em></li>
						<li><span class="addgoods">+</span>
							<input type="text" value="1">
							<span class="removegoods">-</span>
						</li>
						<li></li>
						<li>
							<a href="" class="remove">删除</a>
						</li>
					</ul>
				</div>

			</div>
			<div class="goodsbalance-warp">
				<div class="goodsbalance">
					<div class="goodsbalance-left">
						<label class="mbshop_checkbox fl">      <input name="checkAll" storetype="" type="checkbox" checked="true">                  <b>全选</b>     </label>
						<p id="deleteCheckbox" class="balance_left_del">删除选中商品</p>
						<p id="cleanError" class="balance_left_clean">清除失效商品</p>
						<p class="balance_left_total">合计(不含运费)：<i></i></p>
						<p class="balance_left_alg">商品总价<i></i> - 优惠<em>￥0</em></p>
						<p class="balance_left_have">已选商品<em>0</em>件</p>
					</div>
					<a href="javascript:void(0);" class="go_to_balance_right mbshop_cartPayBill go_to_balance_right_on">去结算</a>
				</div>
			</div>
		</div>

		<!--火箭开始-->
		<div id="consult" class="fl">
			<a href="#" class="consult-top"></a>
			<a href="#" class="consult-text"></a>
		</div>
		<!--底部开始-->
		<div id="footer">
			<div id="footer-top-warp">
				<div class="footer-top width1200">
					<ul class="footer-top-ul fl">
						<li>
							<a href="#">
								<img data-original="img/img_118.png" alt="">
							</a>
						</li>
						<li>
							<a href="#">
								<img data-original="img/img_119.png" alt="">
							</a>
						</li>
						<li>
							<a href="#">
								<img data-original="img/img_120.png" alt="">
							</a>
						</li>
					</ul>
					<div class="merchant fl">
						<div class="merchant-top ">
							<a href="#">
								<img data-original="img/img_95.jpg" alt="">
							</a>
						</div>
						<div class="merchant-bot">
							<ul>
								<li>
									<a href="#">
										<img data-original="img/img_60.png" alt="">
										<p>在线客服</p>
									</a>
								</li>
								<li>
									<a href="#">
										<img data-original="img/img_61.png" alt="">
										<p>意见反馈</p>
									</a>
								</li>
								<li>
									<a href="#">
										<img data-original="img/img_62.png" alt="">
										<p>问卷调查</p>
									</a>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
			<div id="footer-bot-warp">
				<div class="footer-bot-top width1200 clear">
					<dl>
						<dt>新手指南</dt>
						<dd>
							<a target="_blank" href="">
								注册新用户
							</a>
						</dd>
						<dd>
							<a target="_blank" href="">
								用户协议
							</a>
						</dd>
						<dd>
							<a target="_blank" href="">
								找回密码
							</a>
						</dd>
					</dl>
					<dl>
						<dt>购物指南</dt>
						<dd>
							<a target="_blank" href="">
								红包使用说明
							</a>
						</dd>
						<dd>
							<a target="_blank" href="">
								购物流程
							</a>
						</dd>
						<dd>
							<a target="_blank" href="">
								订单状态
							</a>
						</dd>
						<dd>
							<a target="_blank" href="">
								邦购币绑定与使用
							</a>
						</dd>
						<dd>
							<a target="_blank" href="/">
								积分说明
							</a>
						</dd>
					</dl>
					<dl>
						<dt>配送方式</dt>
						<dd>
							<a target="_blank" href="">
								配送范围
							</a>
						</dd>
						<dd>
							<a target="_blank" href="">
								订单拆分
							</a>
						</dd>
						<dd>
							<a target="_blank" href="">
								商品验货与签收
							</a>
						</dd>
					</dl>
					<dl>
						<dt>支付方式</dt>
						<dd>
							<a target="_blank" href="">
								发票制度
							</a>
						</dd>
						<dd>
							<a target="_blank" href="">
								支付方式
							</a>
						</dd>
					</dl>
					<dl>
						<dt>售后服务</dt>
						<dd>
							<a target="_blank" href="">
								退换货政策
							</a>
						</dd>
						<dd>
							<a target="_blank" href="">
								退换办理流程
							</a>
						</dd>
						<dd>
							<a target="_blank" href="">
								退款说明
							</a>
						</dd>
					</dl>
					<dl>
						<dt>联系方式</dt>
						<dd>
							<a target="_blank">在线客服</a>
						</dd>
						<dd>
							<a href="">商家入驻：bgzs@metersbonwe.com</a>
						</dd>
					</dl>
				</div>
				<div class="footer-bot-bot width1200">
					<p class="width1200">CopyRight © 2000-2017, 版权所有 上海美特斯邦威服饰股份有限公司 banggo.com 沪ICP备05033127号 021-38119999</p>
					<span>
            <a href="#"><img data-original="img/img_68.png" alt=""></a>
            <a href="#"><img data-original="img/img_69.png" alt=""></a>

        </span>
				</div>
			</div>
		</div>
		</div>
	</body>

</html>
<script>
	$(function() {
		var pirce1=0
		
		var pirce2=0
		console.log();
		var user = encodeURI($(".headerLogin").text().split(",")[1]);
		var arr = [];
		//
		$.ajax({
			url: "http://localhost/reg/cartlist.php?uId=" + user,
			type: "get",
			datatype: "json",
			success: function(res) {
				res = JSON.parse(res)
				for(var key in res) {

					arr.push(res[key])
				}
				for(var i = 0; i < arr.length; i++) {
					console.log(arr)
					$(".goodslist").append($(".catGoods").eq(0).clone());
					for(var key in arr[i]) {
						$(".catGoods").eq(i).find("li").eq(1).find("dt").find("img").attr("src", arr[i]["uid"]);
						$(".catGoods").eq(i).find("li").eq(1).find("dd").find("p").text(decodeURI(arr[i]["title"]));
						$(".catGoods").eq(i).find("li").eq(2).find("p").text("尺码：(" + arr[i]['size'] + ")");
						$(".catGoods").eq(i).find("li").eq(3).find("i").text(decodeURI(arr[i]['oldprice']))
						$(".catGoods").eq(i).find("li").eq(3).find("em").text(decodeURI(arr[i]['price']));
						$(".catGoods").eq(i).find("li").eq(5).text(decodeURI(arr[i]['price']));
						$(".catGoods").eq(i).find("li").eq(4).find("input").val(arr[i]['carnum']);
						console.log(arr[i]["userurl"].split("?")[1])
						$(".catGoods").eq(i).find("li").eq(1).find("a").attr("href","goods.html?"+arr[i]["userurl"])
						//             			console.log(key)
					}

				}
			
		
		
				$(".goodslist").find(".catGoods").last().remove();
				var num = 1;
				var addsl=1;
				$(".addgoods").each(function(index, ele) {

					$(this).click(function() {

						$(this).next("input").val(parseInt($(this).next("input").val())+1);
						$(this).closest(".catGoods").find("li").eq(5).text("￥"+(parseInt($(this).closest(".catGoods").find("li").eq(5).text().slice(1))+parseInt($(this).closest(".catGoods").find("li").eq(3).find("em").text().slice(1))))
						
						pirce+=parseInt($(".catGoods").find("li").eq(3).find("em").text().slice(1));
				$(".balance_left_alg").find("i").text("￥"+pirce);
				$(".balance_left_total").find("i").text("￥"+pirce);
//					console.log($(this).closest(".catGoods").find("li").eq(5).text().slice(1));
//					num+=parseInt($(".catGoods").find("li").eq(4).find("input").val())
					$(".balance_left_have").find("em").text(parseInt($(".balance_left_have").find("em").text())+1)
						
					})

				});
				//添加购物车数量
				$(".removegoods").each(function(index, ele) {

					$(this).click(function() {

						$(this).prev("input").val(parseInt($(this).prev("input").val())-1);
						if(	$(this).prev("input").val()<=0){
							 $(this).parent().parent().fadeOut();
							 $.ajax({
                url:"http://localhost/reg/cartDelete.php",
                type:"post",
                data:{"cartId":$(this).parent().parent().find("li").eq(1).find("dt").find("img").attr("src")}, //服务器需要一个di，根据id删除
                success:function (res) {
				
                    if(JSON.parse(res).status==1){
//                      alert(JSON.parse(res).msg)
                        $(this).parent().parent().remove();//自生自灭
                    }

                }
            })
							$(".goods-box_tab").text("当前没有商品");
				$(".goods-box_tab").css("text-align","center")
						}
						$(this).closest(".catGoods").find("li").eq(5).text("￥"+(parseInt($(this).closest(".catGoods").find("li").eq(5).text().slice(1))-parseInt($(this).closest(".catGoods").find("li").eq(3).find("em").text().slice(1))));
						
						pirce-=parseInt($(this).closest(".catGoods").find("li").eq(5).text().slice(1));
				$(".balance_left_alg").find("i").text("￥"+pirce);
				$(".balance_left_total").find("i").text("￥"+pirce);
				$(".balance_left_have").find("em").text(parseInt($(this).prev("input").val()))
					})

				})
				//减少购物车数量
				//已选商品数量
				var gwcnum=0;
				var num1=0;
				var pirce=0;
				$(".catGoods").each(function(key,e){
				
						if($(this).find("li").eq(0).find("input").prop("checked")==true){
//							console.log($(this).closest(".catGoods").find(".addgoods").next("input").val())/**/
							num1+=parseInt($(this).closest(".catGoods").find(".addgoods").next("input").val())
				
						}
						$(this).find("li").eq(5).text("￥"+parseInt($(this).closest(".catGoods").find(".addgoods").next("input").val())*parseInt($(this).find("li").eq(5).text().slice(1)));
						pirce+=parseInt($(this).find("li").eq(5).text().slice(1));
				$(".balance_left_alg").find("i").text("￥"+pirce);
				$(".balance_left_total").find("i").text("￥"+pirce);
				})
//				console.log($(".balance_left_have").find("em"))
				$(".balance_left_have").find("em").text(num1)
				 $.cookie("gwcsl",parseInt($(".balance_left_have").find("em").text()))
					
			if($(".balance_left_have").find("em").text()==0){
				$(".goods-box_tab").text("当前没有商品");
				$(".goods-box_tab").css("text-align","center")
			}//没有商品的时候
				
					$(".catGoods").each(function(index,ele){
					pirce1+=parseInt($(this).find("li").eq(4).find("input").val());
//					console.log(parseInt($(this).find("li").eq(4).find("input").val()))
					pirce2+=parseInt($(this).find("li").eq(5).text().slice(1));
					
				})
				//input选项
				//跳转传值
//				$(".catGoods").each(function(){
//					console.log(encodeURI($(this).find("li").find("dd").find("p").text()).replace("%","*"));
//					$(this).find("li").eq(1).find("dt").find("a").css("display","block")
//					$(this).find("li").eq(1).find("dt").find("a").attr("href","goods.html?"+encodeURI($(this).find("li").eq(1).find("dd").find("p").text()))
//					$(this).find("li").eq(1).find("dd").find("a").attr("href","goods.html?"+encodeURI($(this).find("li").eq(1).find("dd").find("p").text()))
//				})
//				
				
				
				
				
				
				
				
				
				
				
				
				
				
					$(".catGoods").each(function(index,ele){
				$(this).find("li").eq(0).find("input").click(function(){
					if($(this).prop("checked")==false){
						console.log()
						$(".balance_left_have").find("em").text(parseInt($(".balance_left_have").find("em").text())-parseInt($(this).parent().parent().find("li").eq(4).find("input").val()));
						$(".balance_left_alg").find("i").text("￥"+(parseInt($(".balance_left_alg").find("i").text().slice(1))-parseInt($(this).parent().parent().find("li").eq(5).text().slice(1))));
						$(".balance_left_total").find("i").text($(".balance_left_alg").find("i").text())
					}else if($(this).prop("checked")==true){
						$(".balance_left_have").find("em").text(parseInt($(".balance_left_have").find("em").text())+parseInt($(this).parent().parent().find("li").eq(4).find("input").val()))
						$(".balance_left_alg").find("i").text("￥"+(parseInt($(".balance_left_alg").find("i").text().slice(1))+parseInt($(this).parent().parent().find("li").eq(5).text().slice(1))));
						$(".balance_left_total").find("i").text($(".balance_left_alg").find("i").text())
					}
				})
//var self=this
//			$("body").on("click",$(ele),function(){
//				
				
//			})
$(this).find(".remove").attr("href","javascript:;")
				$(this).find(".remove").click(function(){
					$(".goods-box_tab").text("当前没有商品");
				$(".goods-box_tab").css("text-align","center")
					var catgoods=$(this).parent().parent();
					$(".balance_left_have").find("em").text(parseInt($(".balance_left_have").find("em").text())-parseInt($(this).parent().parent().find("li").eq(4).find("input").val()));
						$(".balance_left_alg").find("i").text("￥"+(parseInt($(".balance_left_alg").find("i").text().slice(1))-parseInt($(this).parent().parent().find("li").eq(5).text().slice(1))));
						$(".balance_left_total").find("i").text($(".balance_left_alg").find("i").text())
					 $(this).parent().parent().fadeOut();
							 $.ajax({
                url:"http://localhost/reg/cartDelete.php",
                type:"post",
                data:{"cartId":$(this).parent().parent().find("li").eq(1).find("dt").find("img").attr("src")}, //服务器需要一个di，根据id删除
                success:function (res) {
				
                    if(JSON.parse(res).status==1){
//                      alert(JSON.parse(res).msg)
                        $(this).parent().parent().remove();//自生自灭
                    }

                }
            })
						
					
				})
		})
		
			}
			
		});

		$(".goodsbalance-left").find("input").click(function() {
			console.log($(".mbshop_cart_1127_01").find("input").prop("checked"))
			if($(".goodsbalance-left").find("input").prop("checked") == true) {
				$(".goods-box").find("input").prop("checked", true);
				$(".mbshop_cart_1127_01").find("input").prop("checked", true);
				$(".balance_left_have").find("em").text(pirce1);
				$(".balance_left_alg").find("i").text("￥"+pirce2)
					$(".balance_left_total").find("i").text("￥"+pirce2)
				
			} else if($(".goodsbalance-left").find("input").prop("checked") == false) {
				$(".goods-box").find("input").prop("checked", false);
				$(".mbshop_cart_1127_01").find("input").prop("checked", false);
				$(".balance_left_have").find("em").text(0);
				$(".balance_left_alg").find("i").text("￥"+0)
					$(".balance_left_total").find("i").text("￥"+0)
			};
		});
		
		
		
		
	
		$(".mbshop_cart_1127_01").find("input").click(function() {
			
			if($(".mbshop_cart_1127_01").find("input").prop("checked") == true) {
				$(".goods-box").find("input").prop("checked", true);
				$(".goodsbalance-left").find("input").prop("checked", true);
				$(".balance_left_have").find("em").text(pirce1);
					$(".balance_left_total").find("i").text("￥"+pirce2)	;
					$(".balance_left_alg").find("i").text("￥"+pirce2)

			} else if($(".mbshop_cart_1127_01").find("input").prop("checked") == false) {
				$(".goods-box").find("input").prop("checked", false);
				$(".goodsbalance-left").find("input").prop("checked", false)
				$(".balance_left_alg").find("i").text("￥"+0)
				$(".balance_left_total").find("i").text("￥"+0)
				$(".balance_left_have").find("em").text(0)
			
			};
		})
		
		
			
//			$(".goodslist")
	})
</script>